{% extends "base.html" %}
{% from "_icones.html" import icone %}
{% block titulo %}Painel{% endblock %}
{% block conteudo %}
<div class="topo">
  <div>
    <h1>Olá{% if cfg.nome_fantasia or cfg.razao_social %}, {{ cfg.nome_fantasia or cfg.razao_social }}{% endif %}</h1>
    <p>Resumo das suas notas fiscais eletrônicas.</p>
  </div>
  <div class="acoes">
    <button class="btn" id="btn-status" type="button">{{ icone('sinal') }} Status da SEFAZ</button>
    <a class="btn prim" href="{{ url_for('nota_nova') }}">{{ icone('mais') }} Nova nota</a>
  </div>
</div>

<div id="status-sefaz"></div>

{% if faltando %}
<div class="aviso alerta"><div><b>Configuração incompleta.</b> Falta: {{ faltando|join(', ') }}.
  <a href="{{ url_for('configuracoes') }}">Completar agora →</a></div></div>
{% endif %}
{% if cert and cert.erro %}
<div class="aviso erro">Problema no certificado digital: {{ cert.erro }} <a href="{{ url_for('configuracoes') }}">Ver Configurações →</a></div>
{% elif cert and cert.vencido %}
<div class="aviso erro">O certificado digital venceu em {{ cert.validade }}. Envie o certificado renovado em <a href="{{ url_for('configuracoes') }}">Configurações</a>.</div>
{% elif cert and cert.dias_restantes < 30 %}
<div class="aviso alerta">O certificado digital vence em {{ cert.dias_restantes }} dias ({{ cert.validade }}). Providencie a renovação.</div>
{% endif %}
{% for p in pendentes %}
<div class="aviso alerta">A nota nº {{ p.numero }} ficou sem resposta da SEFAZ. <a href="{{ url_for('nota_detalhe', nid=p.id) }}">Consultar situação →</a></div>
{% endfor %}

<div class="grade g4">
  <div class="cartao kpi"><div class="rot">Notas autorizadas no mês</div><div class="val">{{ notas_mes }}</div><div class="sub">{{ agora.strftime('%m/%Y') }}</div></div>
  <div class="cartao kpi"><div class="rot">Faturado no mês</div><div class="val">{{ total_mes|moeda }}</div><div class="sub">notas autorizadas</div></div>
  <div class="cartao kpi"><div class="rot">Próxima nota</div><div class="val">nº {{ proximo }}</div><div class="sub">série {{ cfg.serie or 1 }}</div></div>
  <div class="cartao kpi"><div class="rot">Certificado digital</div>
    {% if cert and not cert.erro %}<div class="val" style="font-size:20px">{{ cert.validade }}</div><div class="sub">{{ 'vencido' if cert.vencido else 'válido até · ' ~ cert.dias_restantes ~ ' dias' }}</div>
    {% else %}<div class="val" style="font-size:20px">—</div><div class="sub"><a href="{{ url_for('configuracoes') }}">enviar certificado</a></div>{% endif %}
  </div>
</div>

<div class="grade g2" style="margin-top:18px">
  <div class="cartao">
    <div class="cab"><h2>Últimas notas</h2><a href="{{ url_for('notas') }}">Ver todas</a></div>
    {% if recentes %}
    <div class="tabela-wrap"><table class="tab">
      <thead><tr><th>Nº</th><th>Destinatário</th><th class="direita">Valor</th><th>Situação</th></tr></thead>
      <tbody>
      {% for n in recentes %}{% set s = SITUACOES.get(n.situacao, (n.situacao, 'neutro')) %}
        <tr onclick="location='{{ url_for('nota_detalhe', nid=n.id) }}'" style="cursor:pointer">
          <td><b>{{ n.numero }}</b></td><td>{{ n.cliente_nome }}</td>
          <td class="direita nowrap">{{ n.valor_total|moeda }}</td><td><span class="selo {{ s[1] }}">{{ s[0] }}</span></td>
        </tr>
      {% endfor %}
      </tbody></table></div>
    {% else %}
    <div class="vazio">{{ icone('nota') }}<div>Nenhuma nota emitida ainda.</div></div>
    {% endif %}
  </div>
  <div class="cartao">
    <div class="cab"><h2>Atalhos</h2></div>
    <div class="corpo atalhos" style="display:grid;gap:10px">
      <a class="btn" style="justify-content:flex-start" href="{{ url_for('nota_de_xml') }}">{{ icone('upload') }} Emitir nota a partir de um XML ou PDF</a>
      <a class="btn" style="justify-content:flex-start" href="{{ url_for('produtos_importar') }}">{{ icone('produtos') }} Cadastrar produtos de um XML ou PDF ({{ n_produtos }} cadastrados)</a>
      <a class="btn" style="justify-content:flex-start" href="{{ url_for('cliente_form') }}">{{ icone('clientes') }} Novo cliente ({{ n_clientes }} cadastrados)</a>
      <a class="btn" style="justify-content:flex-start" href="{{ url_for('exportar_xmls') }}">{{ icone('zip') }} Baixar XMLs do mês para o contador</a>
      <a class="btn" style="justify-content:flex-start" href="{{ url_for('backup') }}">{{ icone('download') }} Fazer backup dos dados</a>
    </div>
  </div>
</div>
{% endblock %}
{% block scripts %}
<script>
$('#btn-status').addEventListener('click', async () => {
  carregando(true, 'Consultando a SEFAZ...');
  try {
    const r = await fetch('{{ url_for("status_sefaz") }}', { method: 'POST' });
    const j = await r.json();
    $('#status-sefaz').innerHTML = `<div class="aviso ${j.ok ? 'ok' : 'erro'}">SEFAZ: ${escapar((j.cstat ? j.cstat + ' - ' : '') + (j.motivo || ''))}</div>`;
  } finally { carregando(false); }
});
</script>
{% endblock %}